$(function () {


    // 登录 注册 退出
    const token = localStorage.getItem('token')
    const username = localStorage.getItem('username')
    $('.username').html(username)
    if (token) {
        $('.notlogin').hide()
        $('.logined').show()
    } else {
        $('.notlogin').show()
        $('.logined').hide()
    }

    $('.fa-sign-out').on('click', function () {
        localStorage.removeItem('token')
        localStorage.removeItem('username')
        location.href = '/web-static/index.html'
    })


    const q = {
        page: 1, // 页码值，默认请求第一页的数据
        limit: 10, // 每页显示几条数据，默认每页显示2条
        // cateid: '', // 文章分类的 Id
        // state: $('.user-article').val()// 文章的发布状态
    }
    initlist()
    function initlist() {
        $('#tap_list').empty()

        axios.get('/user/myArticle',{
            headers: { token }
    
        }).then(({data:res}) => {
            if (res.errno !== 0) {
                return layer.msg('获取用户信息失败')
            
            }
            console.log(res);
            const htmlStr = template('tpl-list', res.data)
            $('#tap_list').append(htmlStr)
        })
        
    }

    const layer = layui.layer
    $('body').on('click', '#btn-delete', function () {
        const id = $(this).attr('data-id')
        
        layer.confirm('确认删除?', { icon: 3, title: '提示' }, function (index) {
            $.ajax({
                method: 'GET',
                url: 'http://124.223.14.236:8060/user/delArticle?id=' + id,
                headers: {
                    token
                },
                success: function (res) {
                    console.log(res);
                    layer.msg('删除成功')

                    initlist()
                }
            })

        });
    })
    $('body').on('click', '#btn_edit', function () {
        const id = $(this).attr('data-id')
        
        layer.confirm('确认增加?', { icon: 3, title: '提示' }, function (index) {
            location.href = '/advantages-reach-project/web-static/user-add.html?id=' + id
          
        });
    })

    const laypage = layui.laypage
    // 定义渲染分页的方法
    function renderPage(total) {
        // 调用 laypage.render() 方法来渲染分页的结构
        laypage.render({
            elem: 'pageBox', // 分页容器的 Id
            count: total, // 总数据条数
            limit: q.limit, // 每页显示几条数据
            curr: q.page, // 设置默认被选中的分页
            layout: ['count', 'limit', 'prev', 'page', 'next', 'skip'],
            limits: [2, 3, 5, 10],
            // 分页发生切换的时候，触发 jump 回调
            // 触发 jump 回调的方式有两种：
            // 1. 点击页码的时候，会触发 jump 回调
            // 2. 只要调用了 laypage.render() 方法，就会触发 jump 回调
            jump: function (obj, first) {
                // 可以通过 first 的值，来判断是通过哪种方式，触发的 jump 回调
                // 如果 first 的值为 true，证明是方式2触发的
                // 否则就是方式1触发的
                console.log(first)
                console.log(obj.curr)
                // 把最新的页码值，赋值到 q 这个查询参数对象中
                q.pagenum = obj.curr
                // 把最新的条目数,赋值到 q 这个查询参数对象中
                q.pagesize = obj.limit
                // 根据最新的 q 获取对应的数据列表，并渲染表格
                if (!first) {
                    initlist()
                }
            }
        })
    }


    axios.get('/index/index',{
        headers: { token }

    }).then(({data:res}) => {
        if (res.errno !== 0) {
            return console.log('数据请求失败');
        }
        //渲染首页表头列表   
        // let htmlStr1 = template('tpl-nav', res)
        // $('#index-nav').html(htmlStr1)
    })

    axios.get('/user/getUserInfo',
    {
        headers: { token }

    }).then(({ data: res }) => {
        console.log(res);
        if (res.errno !== 0) {
             layer.msg('获取用户信息失败')
            location.href = '/web-static/login.html'
        }
    })
   
})